<div id = 'index' data-role="page" data-theme="a">
		<script type="text/javascript" src="static/js/jquery.flexslider.js"></script>
		<link rel="stylesheet" type="text/css" href="static/css/flexslider.css" />
		<div data-role="header" data-theme = 'b'>
	    	<h1>
        		<a href="#"><img src="static/img/logo.jpg" alt="" /></a>        		
        		<span style = 'display:none;'>凡创文化</span>
	        </h1>
	        <div class = 'header_search'>
	        	<form action="#" id="TicketWechatForm" method="get" accept-charset="utf-8">        	
	        	<input id="search-cell" name = 'key'  data-type="search">
	        	<input type="submit" style="display:none;" />
	        	</form>        
	        	</div>
	        <a href="#hotSearch" id = 'hot-list' data-role="button" data-rel="popup" data-position-to="origin" class="ui-btn-right ui-btn-icon-left ui-icon-carat-d ui-btn ui-btn-icon-notext ui-btn-inline"></a>
	    </div>
		<!-- /header -->
	
		<div data-role="content" data-theme="a">
    		<div style = "width:100%;height:100%">
    			<div id = 'flexslider' class="flexslider">
                    <ul class="slides">
                    	<?php for($i=0;$i<5;$i++):?>
    					<li>
            				<a href="#">
            					<img src="static/img/mhsk.jpg" alt="魔幻时空" title="魔幻时空" />	         	
            				</a>
            			</li>
            			<?php endfor;?>
    				</ul>
                </div>
            </div>
    		<script>
            jQuery('body').on('pageshow','#Index', function(){
                console.log(0)
            });
                jQuery('#flexslider').flexslider({
                    animation: "slide",
                	keyboard:false,
             	    scale:3.3	
        	    });
            </script>
            <div style="clear:both"></div>
            
			<div data-role="navbar" data-grid="c">
	            <ul class="ui-grid-c">
					<li class="ui-block-a">
						<a href="/yanchanhui" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>演唱会</span>
						</a>
	                </li>
					<li class="ui-block-b">
						<a href="/yyh" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>音乐会</span>
						</a>
	                </li>
					<li class="ui-block-c">
						<a href="/tyss" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>体育竞技</span>
						</a>
	                </li>
	                <li class="ui-block-d">
						<a href="/mxzj" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>马戏杂技</span>
						</a>
	                </li>
					<li class="ui-block-a">
						<a href="/yanchanhui" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>演唱会</span>
						</a>
	                </li>
					<li class="ui-block-b">
						<a href="/yyh" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>音乐会</span>
						</a>
	                </li>
					<li class="ui-block-c">
						<a href="/tyss" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>体育竞技</span>
						</a>
	                </li>
	                <li class="ui-block-d">
						<a href="/mxzj" data-transition="slide" class="ui-link ui-btn">
	                		<img src="static/img/dm.png" width="40" height="40" alt=""><br>
							<span>马戏杂技</span>
						</a>
	                </li>
				</ul>
	        </div>
	        
	        <ul id = 'ticket_list_view' data-role="listview" data-inset="true" data-divider-theme="a">
    			<li data-role="list-divider">   热门推荐</li>
    			<li>
    				<div class="ui-grid-b">
			         	<div class="ui-block-a">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
			         	<div class="ui-block-b">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
			         	<div class="ui-block-c">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
					</div>
    			</li> 
    		</ul>
    		
			<ul id = 'ticket_list_view' data-role="listview" data-inset="true" data-divider-theme="a">			
    			<li data-role="list-divider">   热门推荐</li>
    			<li>
    				<div class="ui-grid-b">
			         	<div class="ui-block-a">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
			         	<div class="ui-block-b">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
			         	<div class="ui-block-c">
							<a href="#" class="ui-shadow ui-btn ui-corner-all" title="你看起来很好吃">
 						    	<img src="static/img/ticket1.jpg" alt="你看起来很好吃" title="你看起来很好吃" />
 						    	<h3>你看起来很好吃</h3>
 						    	<span>2017-04-01</span>
					    	</a>					
						</div>
					</div>
    			</li> 			
    		</ul>
	        
		</div>
		
		<div data-role="footer" data-theme = 'a' data-position="fixed" data-fullscreen="ture" data-tap-toggle = "false">
	    	<div data-role="navbar">
	        	<ul>
	              <li><a href="/Index/wechat" data-icon="home">首页</a></li>
	              <li><a href="/wyyc" data-icon="bullets">分类</a></li>
	              <li><a href="/yanchanhui"  data-icon="star">推荐</a></li>
	              <li><a href="/Users.html" data-icon="user">我的</a></li>
	            </ul>
	        </div>
		</div>
		<div style = 'height:3em'></div>
	</div>